<template>
  <div class="">
    <div class="text-center w-48">
      <ShowCover :data="ShowList.cover" :iconsize="'3rem'" class="w-48 h-48" :boxsize="48"
        @click="router.push(`/musiclistdetail/${ShowList._id}`)" style="cursor:pointer" />
      <p class="text-sm h-8 leading-8 font-bold textoverflow">
        <PublicName :_id="ShowList._id" :name="ShowList.title.toString()"
          @click="router.push(`/musiclistdetail/${ShowList._id}`)" />
      </p>
    </div>
  </div>
</template> 
<script setup >
const ShowList = defineProps({
  _id: String,
  title: String,
  cover: String,
});
const router = useRouter()


</script>
<style lang="less"></style>
